<template>
  <view class="empty-pallet-container">
    <!-- <uni-nav-bar title="空托处理" left-icon="back" @clickLeft="goBack" :border="false"></uni-nav-bar> -->

    <view class="form-section">
      <view class="form-item">
        <text class="label">地码:</text>
        <input
          v-model="locationCode"
          class="input"
          type="text"
          placeholder="请输入地码"
        />
      </view>
	  
    </view>
	
	

    <view class="button-section">
      <button class="btn btn-primary" @click="handleOccupyEmptyPallet">补充托盘</button>
      <button class="btn btn-danger" @click="handleCallEmptyPallet">母器具入库</button>
     
    </view>

  </view>
</template>

<script>
import { applyPallet, sendPallet } from '@/api/system/emptyPallet'

export default {
  data() {
    return {
      locationCode: '', // 地码输入框的值
	  modelAppliance: ''
    };
  },
  methods: {
    goBack() {
      uni.navigateBack(); // 返回上一页
    },
    handleOccupyEmptyPallet() {
      // 补充托盘
      applyPallet({ locationCode: this.locationCode })
        .then(res => {
          uni.showToast({ title: '补充托盘成功', icon: 'success' })
        })
        .catch(err => {
          uni.showToast({ title: '补充托盘失败', icon: 'none' })
        })
    },
    handleCallEmptyPallet() {
      // 母器具入库
      sendPallet({ locationCode: this.locationCode })
        .then(res => {
          uni.showToast({ title: '母器具入库成功', icon: 'success' })
        })
        .catch(err => {
          uni.showToast({ title: '母器具入库失败', icon: 'none' })
        })
    },

  },
};
</script>

<style lang="scss" scoped>
@import '@/uni_modules/uni-scss/variables.scss';

.empty-pallet-container {
  padding: 16px;
}

.form-section {
  margin-bottom: 20px;
  background-color: $uni-white; // 使用 uni-scss 变量
  border-radius: 8px;
  padding: 16px;

  .form-item {
    margin-bottom: 16px; // 调整间距

    .label {
      display: block; // 标签独占一行
      font-size: 14px;
      color: $uni-main-color; // 使用 uni-scss 变量
      margin-bottom: 8px; // 调整标签与输入框间距
      font-weight: 500; // 加粗
    }

    .input {
      width: 100%; // 输入框宽度100%
      height: 40px; // 调整高度
      background-color: $uni-bg-color; // 使用 uni-scss 变量
      border-radius: 4px;
      padding: 0 12px; // 调整内边距
      font-size: 14px;
      color: $uni-main-color; // 使用 uni-scss 变量
      border: none; // 移除边框
    }
  }
}

.button-section {
  display: flex;
  justify-content: space-between; // 按钮左右对齐
  margin-top: 24px; // 调整上边距

  .btn {
    width: 48%; // 按钮宽度
    height: 40px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    line-height: 40px; // 垂直居中文字

    &.btn-primary {
      background-color: $uni-primary; // 使用 uni-scss 变量
      color: $uni-white; // 使用 uni-scss 变量
    }

    &.btn-danger {
      background-color: $uni-error; // 使用 uni-scss 变量
      color: $uni-white; // 使用 uni-scss 变量
    }
  }
}
</style>